<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleChange">
      <el-tab-pane label="待开票"  name="pending0">
        <pending0 ref="pending0"></pending0>
      </el-tab-pane>
      <el-tab-pane label="已开票"  name="pending1">
        <pending1 ref="pending1"></pending1>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import Pending0 from "@/views/invoice/invoice/pending/pending0.vue";
import Pending1 from "@/views/invoice/invoice/pending/pending1.vue";

export default {
  name: 'pending',
  components: {Pending1, Pending0},
  data(){
    return{
      activeName:"pending0"
    }
  },
  methods:{
    handleChange(){
      this.$refs[this.activeName].getList()
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
